• Index
• Pozycjonowanie
• Selektory
• Właściwości tabel
• Wartości i jednostki
• Wlasciwosci elementow
• Wlasciwosci tla
• Grafika

Wartości i jednostki

• Liczby - całkowite i rzeczywiste. Całkowita składa się z cyfrt 0 - 9. Rzeczywiste mogą być z częścią dziesiętną po kropce.
• Procenty - zawsze w odniesieniu do elementu stojącego wyżej w hierarchii dokumentu.
• Słowa kluczowe - definiowane słowne określenia wartości; nie zawsze działają.
• Jednostki długości - mogą być zapisywane jako wartości względne i bezwzględne.
  • Wartości bezwzględne - rzadko stosowane
    • in - cal; 2,54cm
    • cm - centymetr
    • mm - milimetr
    • pt - punkt; 1/72 cala
    • pc - pica; 1pc = 12pt
    • px - piksel; 1px = 0,75pt
  • Wartości wzlędne
    • em - 1 em to rozmiar wielkości czcionki 0,1em najmniejsza czcionka
    • ex - wielkość małej litery x w czcionce
• URL - adres url np.: url(adres pliku.xxx); bez spacji po url
• Kolory - zasady stosowania podobne jak w HTML, ale z większym wyborem kolorów zdefiniowanych; w CSS3 - 130 kolorów.
  Przykłady podawania wartości kolorów w CSS3:
  • predefiniowane - podawane nazwą np.: color:orange;
  • #RRGGBB - podawana kodem szestnastkowym
  • #RGB - "Skrócony" kod szestnastkowy, litery oznaczają tą samą wartość dla obu znaków; np.: color:#de8;
  • rgb - podajemy wartości każdego koloru w systemie dziesiętnym np.: color:rgb(128,255,0);
  • rgb - podajemy wartości każdego koloru w procentach np.: color:rgb(50%,100%,0%);
  • 28 kolorów systemowych - kolory pochodzą z systemu; zmiana palety w systemie zmienia kolory stylu.
  • hsl - inna niż RGB przestrzeń kolorów gdzie: H - (Hue)Barwa, S(Saturation) - nasycenie, L(Lightness) - jasność. Parametr H może mieć wartości od 0 do 360(0 - czerwony, 120 - zielony, 240 - niebieski)
    Parametr S (od szarości do pełni koloru) 0 - 100,
    Parametr L (od czerni do bieli): 0 - 100. Deklaracja: color:hsl(180,50%,80%)
  • rgba - model rgb z przeźroczystością o wartości od 0 do 1, gdzie 0 to całkowita, a 1 to brak przeźroczystości